﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="assets/css/stylesheet.css" />
    <link rel="stylesheet" type="text/css" href="assets/framewarp/framewarp.css" />

    <script src="assets/js/jquery-1.8.3.js"></script>
    <script src="assets/js/jquerypp.custom.js"></script>
    <script src="assets/framewarp/framewarp.js"></script>

   
</head>
<body>
    <nav id="navigation">
        <ul>
            <li class="green">
                <a href="frame.html" id="ha">Home</a>
                <ul>
                    <li>
                        <a href="d"> DD1</a>
                        <a href="e"> DD2</a>
                    </li>
                </ul>
            </li>
            <li class="blue">
                <a href="#">CV</a>
                <ul>
                    <li>
                        <a href="g"> DD1</a>
                        <a href="h"> DD2</a>
                        <a href="u"> DD3</a>
                    </li>
                </ul>
            </li>
             <li class="blue">
                <a href="#">Portifolio</a>
                <ul>
                    <li>
                        <a href="g"> DD1</a>
                        <a href="h"> DD2</a>
                        <a href="u"> DD3</a>
                    </li>
                </ul>
            </li>
             <li class="blue">
                <a href="#">About</a>
                <ul>
                    <li>
                        <a href="g"> DD1</a>
                        <a href="h"> DD2</a>
                        <a href="u"> DD3</a>
                    </li>
                </ul>
            </li>
        </ul>

    </nav>

     <script>
         $(function () {
             $('#ha').frameWarp();
         });
         

    </script>
</body>
</html>
